<template>
  <div>
    <el-input v-model="cronExpression" placeholder="表达式" clearable @click="dialogCronVisible=true">
      <template #append>
        <el-button @click="dialogCronVisible=true">设置</el-button>
      </template>
    </el-input>
    <el-dialog v-model="dialogCronVisible"
      align-center
      :close-on-click-modal="false"
      draggable
      width="auto">
      <cron v-model="cronExpression" @close="dialogCronVisible=false" />
    </el-dialog>
  </div>
</template>
<script setup>
  import Cron from './components/Cron.vue'
  const cronExpression = ref('')
  const dialogCronVisible = ref(false)
</script>
<style scoped>
.el-input {
  width: 400px;
}
</style>
